extends ../layout/index.pug

block content

  section.home-hero-container
    .swiper-container.h-full
      .swiper-wrapper
        -
          const hero = [
            {
              title: 'Mall4j，100%源码交付+技术支持',
              desc: 'SpringBoot3 + Vue3驱动，遥遥领先友商，零技术债务，新项目首选方案Mall4j，100%源码交付+技术支持',
              img: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg-qPtmgYojp-xygIwlgg49AM.png.webp'
            },
            {
              title: 'Mall4j白洞版，S2B2C供应链商城',
              desc: '核心框架spring+精准营销，系统高性能技术架构，满足供货+销售于一体SpringBoot3 + Vue3驱动，遥遥领先友商，零技术债务，新项目首选方案',
              img: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg_qG6lgYo9bG7bDCEBDiiAw.png.webp'
            },
            {
              title: 'Mall4j多元版，SAAS多租户商城',
              desc: '满足不同平台租户的专属私有化商城运营需求，挖掘私域流量的价值最大化SpringBoot3 + Vue3驱动，遥遥领先友商，零技术债务，新项目首选方案',
              img: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg---bqgYo7arz2gQwxQY49AM.png.webp'
            },
            {
              title: 'Mall4j飞碟版，O2O连锁零售商城',
              desc: 'O2O连锁新零售商城，支持多品牌多门店入驻，满足线下多种业务场景及经营需求，多元化创造营收增量',
              img: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg3IfcqgYooMWLuAMw2gU4rgM.png.webp'
            },
            {
              title: 'Mall4j宇宙版，B2B2C多商户商城系统',
              desc: '支持直营+多商家入驻，丰富营销玩法，多终端覆盖，满足企业多场景业务需求SpringBoot3 + Vue3驱动，遥遥领先友商，零技术债务，新项目首选方案',
              img: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg_aG6lgYoqMD0PzDhBDjiAw.png.webp'
            },
            {
              title: 'Mall4j银河版，B2C单商户商城系统',
              desc: '多终端覆盖+精准营销，统一后台管理，构建品牌商、零售商自己的线上线下零售商城SpringBoot3 + Vue3驱动，遥遥领先友商，零技术债务，新项目首选方案',
              img: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg_aG6lgYojO7w0QEw6AY48wM.png.webp'
            }
          ]

        each item, index in hero
          .swiper-slide.home-hero-slide
            .home-hero-slide__inner
              img.home-hero-slide__bg(src=`${item.img}` data-index=`${index}`)
              div(class="w-3/5")
                h2.home-hero-slide__title #{item.title}
                p.home-hero-slide__desc.mt-8 #{item.desc}
                .space-x-4.mt-10
                  +qr-button(round="round" size="xl" text="在线咨询")
                  +qr-button(round="round" size="xl" ghost="ghost" text="立即体验")

      //- 如果需要分页器
      .swiper-pagination
      //- 如果需要导航按钮
      //- .swiper-button-prev
      //- .swiper-button-next

  section.qr-stripe-container
    ol.flex.mx-auto(class="justify-between max-w-6xl cursor-default py-4")
      -
        const data = [
          {
            img: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgwK-9lwYo4OGpQDAOOA4.png.webp',
            title: '十年技术沉淀'
          },{
            img: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgwK-9lwYouNTSpwMwDjgO.png.webp',
            title: '数千家客户'
          },{
            img: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgwK-9lwYo2JCPmwEwDjgP.png.webp',
            title: '高新技术企业'
          },{
            img: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgwK-9lwYowuTltwUwDzgO.png.webp',
            title: 'Gitee万星推荐'
          },{
            img: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgwK-9lwYos_DUxAUwDzgO.png.webp',
            title: '阿里云合作伙伴'
          }
        ]

      each item in data
        li.space-x-2(class="text-neutral-500")
          img(src=`${item.img}` class="aspect-square w-4 inline-block")
          span #{item.title}

  section.qr-stripe-container.qr-stripe-container--offset
    .home-service
      h1.home-service__title Mall4j产品服务
      p.home-service__desc Mall4j依托完善健全的基础产品架构，采用行业前沿的SpringBoot3+Vue3技术，支持二次开发+源码部署，充分满足多种电商业务场景及经营需求，为企业提供成熟稳定灵活运营的电商交易系统

    .qr-container
      -
        const product = [
          {
            title: 'Mall4j银河版',
            category: '品牌电商',
            subtitle: 'B2C单商户商城系统',
            desc: '全渠道多终端商城，轻松构建品牌商,零售商自己的单商户线上线下零售商城，盘活私域流量',
            icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghL7XtAYo1q2rKTAkOCQ.png.webp',
            img: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghL7XtAYo4IKy5wYw6gE4gAE.png.webp'
          },{
            title: 'Mall4j银河版',
            category: '品牌电商',
            subtitle: 'B2C单商户商城系统',
            desc: '全渠道多终端商城，轻松构建品牌商,零售商自己的单商户线上线下零售商城，盘活私域流量',
            icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg7M-XtAYo2MHAhgEwJDgk.png.webp',
            img: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg7M-XtAYozInIkgUw6gE4gAE.png.webp'
          },{
            title: 'Mall4j银河版',
            category: '品牌电商',
            subtitle: 'B2C单商户商城系统',
            desc: '全渠道多终端商城，轻松构建品牌商,零售商自己的单商户线上线下零售商城，盘活私域流量',
            icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg0dHXtAYoqb-WogEwJDgk.png.webp',
            img: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg0dHXtAYomJa-sAIw6gE4gAE.png.webp'
          },{
            title: 'Mall4j银河版',
            category: '品牌电商',
            subtitle: 'B2C单商户商城系统',
            desc: '全渠道多终端商城，轻松构建品牌商,零售商自己的单商户线上线下零售商城，盘活私域流量',
            icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg0dHXtAYo1I7EpwEwJDgk.png.webp',
            img: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg0dHXtAYorYOF3AIw6gE4gAE.png.webp'
          },{
            title: 'Mall4j银河版',
            category: '品牌电商',
            subtitle: 'B2C单商户商城系统',
            desc: '全渠道多终端商城，轻松构建品牌商,零售商自己的单商户线上线下零售商城，盘活私域流量',
            icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgirbYtAYo0OamZTAkOCQ.png.webp',
            img: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgi7bYtAYoxPrPtAMw6gE4gAE.png.webp'
          },{
            title: 'Mall4j银河版',
            category: '品牌电商',
            subtitle: 'B2C单商户商城系统',
            desc: '全渠道多终端商城，轻松构建品牌商,零售商自己的单商户线上线下零售商城，盘活私域流量',
            icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgi7bYtAYo4ZP8pAMwJDgk.png.webp',
            img: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgi7bYtAYoyLTzxQYw6gE4gAE.png.webp'
          },{
            title: 'Mall4j银河版',
            category: '品牌电商',
            subtitle: 'B2C单商户商城系统',
            desc: '全渠道多终端商城，轻松构建品牌商,零售商自己的单商户线上线下零售商城，盘活私域流量',
            icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgirbYtAYowujM3gIwJDgk.png.webp',
            img: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgirbYtAYo7IXzrwYw6gE4gAE.png.webp'
          },{
            title: 'Mall4j银河版',
            category: '品牌电商',
            subtitle: 'B2C单商户商城系统',
            desc: '全渠道多终端商城，轻松构建品牌商,零售商自己的单商户线上线下零售商城，盘活私域流量',
            icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgirbYtAYokcu4GzAkOCQ.png.webp',
            img: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgirbYtAYokafZqQcw6gE4gAE.png.webp'
          },
        ]

      ol.home-product
        each item in product
          li
            .qr-product-card
              .qr-product-card__head
                img.qr-product-card__icon(src=`${item.icon}`)
                div
                  h2 #{item.title}
                  p.text-xs #{item.subtitle}
                i.qr-product-card__badge #{item.category}

              .qr-product-card__content
                img(src=`${item.img}`)
                .qr-product-card__cover
                  p #{item.desc}
                  .qr-product-card__action
                    +qr-button(size="lg" type="primary" text="免费试用")
                    +qr-button(tag="a" size="lg" text="查看详情" to="/")

  section.qr-stripe-container.qr-stripe-container--offset
    .home-service
      h1.home-service__title Mall4j，安全稳定的系统架构
      p.home-service__desc Mall4j选用前沿最新技术，java语言开发，前端vue+uniapp框架，支持多样化部署，二次开发快捷简单

    -
      const devops = [
        {
          title: '微服务',
          img: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgzq7ylwYoyK-cvAIwgAM4xgE.png.webp',
          service: [
            { text: 'Spring Cloud' },
            { text: 'Spring Cloud' },
            { text: 'Spring Cloud' },
            { text: 'Spring Cloud' },
            { text: 'Spring Cloud' },
            { text: 'Spring Cloud' },
          ]
        },
        {
          title: 'DevOps',
          img: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgzq7ylwYonOugIzCAAzjGAQ.png.webp',
          service: [
            { text: 'Spring Cloud' },
            { text: 'Spring Cloud' },
            { text: 'Spring Cloud' },
            { text: 'Spring Cloud' },
            { text: 'Spring Cloud' },
            { text: 'Spring Cloud' },
          ]
        },
        {
          title: 'K8s',
          img: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgzq7ylwYowJSDwAUwgAM4xgE.png.webp',
          service: [
            { text: 'Spring Cloud' },
            { text: 'Spring Cloud' },
            { text: 'Spring Cloud' },
            { text: 'Spring Cloud' },
            { text: 'Spring Cloud' },
            { text: 'Spring Cloud' },
          ],
        },
      ]


    .qr-container.home-devops
      ol.grid.grid-cols-3.gap-x-4
        each item in devops
          li.home-devops-card
            img(src=`${item.img}`)
            h2.home-devops-card__title - #{item.title} -
            ol.grid.grid-cols-2.gap-4
              each service in item.service
                li.bg-white.inline-flex.justify-center.h-10.items-center.text-neutral-500 #{service.text}

  section.qr-stripe-container.qr-stripe-container--offset
    .home-service
      h1.home-service__title Mall4j，打造精细化营销闭环
      p.home-service__desc Mall4j提供多样化营销功能，围绕会员生命周期，促进精准营销

    .qr-container
      -
        const market = [
          {
            title: '获客拉新',
            text: '多渠道获客拉新',
            service: [
              {
                title: '小程序',
                text: '开启小程序，扩展推广路径',
                icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg17e3mAYo5v74-QEwMDgw.png.webp'
              },
              {
                title: '小程序',
                text: '开启小程序，扩展推广路径',
                icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg17e3mAYo9ZuhbTAwODA.png.webp'
              },
              {
                title: '小程序',
                text: '开启小程序，扩展推广路径',
                icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg17e3mAYo9ZuhbTAwODA.png.webp'
              },
              {
                title: '小程序',
                text: '开启小程序，扩展推广路径',
                icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg1re3mAYokrbcYjAwODA.png.webp'
              },
            ]
          },
          {
            title: '获客拉新',
            text: '多渠道获客拉新',
            service: [
              {
                title: '小程序',
                text: '开启小程序，扩展推广路径',
                icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgjbm3mAYopIeo1gEwMDgw.png.webp'
              },
              {
                title: '小程序',
                text: '开启小程序，扩展推广路径',
                icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgjbm3mAYom8HKxgEwMDgw.png.webp'
              },
              {
                title: '小程序',
                text: '开启小程序，扩展推广路径',
                icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgjbm3mAYoktq35AIwMDgw.png.webp'
              },
              {
                title: '小程序',
                text: '开启小程序，扩展推广路径',
                icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgjbm3mAYo0pDxpwcwMDgw.png.webp'
              },
            ]
          },
          {
            title: '获客拉新',
            text: '多渠道获客拉新',
            service: [
              {
                title: '小程序',
                text: '开启小程序，扩展推广路径',
                icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgy7m3mAYoqMWDFTAwODA.png.webp'
              },
              {
                title: '小程序',
                text: '开启小程序，扩展推广路径',
                icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgy7m3mAYotLWYywcwMDgw.png.webp'
              },
              {
                title: '小程序',
                text: '开启小程序，扩展推广路径',
                icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgy7m3mAYohJn-sgUwMDgw.png.webp'
              },
              {
                title: '小程序',
                text: '开启小程序，扩展推广路径',
                icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgy7m3mAYooM-d4AMwMDgw.png.webp'
              },
            ]
          },
          {
            title: '获客拉新',
            text: '多渠道获客拉新',
            service: [
              {
                title: '小程序',
                text: '开启小程序，扩展推广路径',
                icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgyrm3mAYojbrb8wEwMDgw.png.webp'
              },
              {
                title: '小程序',
                text: '开启小程序，扩展推广路径',
                icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgyrm3mAYoyPb1hwMwMDgw.png.webp'
              },
              {
                title: '小程序',
                text: '开启小程序，扩展推广路径',
                icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgy7m3mAYojYD9yQYwMDgw.png.webp'
              },
              {
                title: '小程序',
                text: '开启小程序，扩展推广路径',
                icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgyrm3mAYoqqKFpwIwMDgw.png.webp'
              },
            ]
          }
        ]

      ol.flex.flex-col.gap-5
        each item in market
          li.home-market
            .flex.flex-col.items-center.gap-y-1
              h2 #{item.title}
              p.text-xs.text-neutral-500 #{item.text}

            ul.flex.gap-x-5.flex-1.text-left
              each service in item.service
                li.home-market-item
                  img.home-market-item__icon(src=`${service.icon}`)
                  .home-market-item__inner
                    h3 #{service.title}
                    p.text-xs.text-neutral-500 #{service.text}

  section.qr-stripe-container.home-scheme--bg
    .qr-container.home-scheme
      h1.home-scheme__title Mall4j，提供垂直行业解决方案

      ol.home-scheme-tab
        li.home-scheme-tab__item.active
          a(href="javascript:;") 跨境电商
        li.home-scheme-tab__item
          a(href="javascript:;") 供应链
        li.home-scheme-tab__item
          a(href="javascript:;") 电商分账
        li.home-scheme-tab__item
          a(href="javascript:;") 会员营销
        li.home-scheme-tab__item
          a(href="javascript:;") 积分商城
        li.home-scheme-tab__item
          a(href="javascript:;") 新零售

      -
        const pane = [
          {
            title: '跨境电商解决方案',
            desc: 'Mall4j跨境电商解决方案提供跨境PayPal支付、多语言国际化等一体化服务。通过PayPal支付的便捷服务，赢得用户信赖，吸引更多客户；多语言国际化满足不同语言环境下的购物需求，覆盖更广的用户群体，助您开启国际市场，快速抢占商机，实现业务全球化。',
            case: [
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
            ],
            service: [
              { title: '多货币支持', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgnvDlsgYo4678UTAgOCA.png.webp' },
              { title: '跨境结算', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgnvDlsgYo-smodTAeOB4.png.webp' },
              { title: 'PayPal支付', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYomZri2gMwIDgg.png.webp' },
              { title: '跨境多语言', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYomP2EpQQwIDgg.png.webp' },
              { title: '国际物流查询', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYo8rqP6QEwIDgg.png.webp' },
              { title: '市场全球化', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYo_vrTywEwIDgg.png.webp' },
            ],
            cover: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgyo74lwYowsLksgQw4AE4nAE.png.webp',
            news: [
              { title: '全球购物新潮流：海外商城跨境电商源码' },
              { title: '跨境商城网站建设' },
              { title: '什么是跨境电商商城？跨境商城开发有什么功能？' },
              { title: '跨境电商新选择：JAVA国际商城系统' },
            ]
          },{
            title: '跨境电商解决方案',
            desc: 'Mall4j跨境电商解决方案提供跨境PayPal支付、多语言国际化等一体化服务。通过PayPal支付的便捷服务，赢得用户信赖，吸引更多客户；多语言国际化满足不同语言环境下的购物需求，覆盖更广的用户群体，助您开启国际市场，快速抢占商机，实现业务全球化。',
            case: [
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
            ],
            service: [
              { title: '多货币支持', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgnvDlsgYo4678UTAgOCA.png.webp' },
              { title: '跨境结算', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgnvDlsgYo-smodTAeOB4.png.webp' },
              { title: 'PayPal支付', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYomZri2gMwIDgg.png.webp' },
              { title: '跨境多语言', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYomP2EpQQwIDgg.png.webp' },
              { title: '国际物流查询', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYo8rqP6QEwIDgg.png.webp' },
              { title: '市场全球化', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYo_vrTywEwIDgg.png.webp' },
            ],
            cover: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg0d7bowYo8NCB5Acw4AE4nAE.png.webp',
            news: [
              { title: '全球购物新潮流：海外商城跨境电商源码' },
              { title: '跨境商城网站建设' },
              { title: '什么是跨境电商商城？跨境商城开发有什么功能？' },
              { title: '跨境电商新选择：JAVA国际商城系统' },
            ]
          },{
            title: '跨境电商解决方案',
            desc: 'Mall4j跨境电商解决方案提供跨境PayPal支付、多语言国际化等一体化服务。通过PayPal支付的便捷服务，赢得用户信赖，吸引更多客户；多语言国际化满足不同语言环境下的购物需求，覆盖更广的用户群体，助您开启国际市场，快速抢占商机，实现业务全球化。',
            case: [
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
            ],
            service: [
              { title: '多货币支持', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgnvDlsgYo4678UTAgOCA.png.webp' },
              { title: '跨境结算', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgnvDlsgYo-smodTAeOB4.png.webp' },
              { title: 'PayPal支付', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYomZri2gMwIDgg.png.webp' },
              { title: '跨境多语言', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYomP2EpQQwIDgg.png.webp' },
              { title: '国际物流查询', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYo8rqP6QEwIDgg.png.webp' },
              { title: '市场全球化', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYo_vrTywEwIDgg.png.webp' },
            ],
            cover: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg-rG_qQYogseTwgQw4AE4nAE.png.webp',
            news: [
              { title: '全球购物新潮流：海外商城跨境电商源码' },
              { title: '跨境商城网站建设' },
              { title: '什么是跨境电商商城？跨境商城开发有什么功能？' },
              { title: '跨境电商新选择：JAVA国际商城系统' },
            ]
          },{
            title: '跨境电商解决方案',
            desc: 'Mall4j跨境电商解决方案提供跨境PayPal支付、多语言国际化等一体化服务。通过PayPal支付的便捷服务，赢得用户信赖，吸引更多客户；多语言国际化满足不同语言环境下的购物需求，覆盖更广的用户群体，助您开启国际市场，快速抢占商机，实现业务全球化。',
            case: [
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
            ],
            service: [
              { title: '多货币支持', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgnvDlsgYo4678UTAgOCA.png.webp' },
              { title: '跨境结算', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgnvDlsgYo-smodTAeOB4.png.webp' },
              { title: 'PayPal支付', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYomZri2gMwIDgg.png.webp' },
              { title: '跨境多语言', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYomP2EpQQwIDgg.png.webp' },
              { title: '国际物流查询', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYo8rqP6QEwIDgg.png.webp' },
              { title: '市场全球化', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYo_vrTywEwIDgg.png.webp' },
            ],
            cover: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgneb3lwYo_5K41AYw4AE4nAE.png.webp',
            news: [
              { title: '全球购物新潮流：海外商城跨境电商源码' },
              { title: '跨境商城网站建设' },
              { title: '什么是跨境电商商城？跨境商城开发有什么功能？' },
              { title: '跨境电商新选择：JAVA国际商城系统' },
            ]
          },{
            title: '跨境电商解决方案',
            desc: 'Mall4j跨境电商解决方案提供跨境PayPal支付、多语言国际化等一体化服务。通过PayPal支付的便捷服务，赢得用户信赖，吸引更多客户；多语言国际化满足不同语言环境下的购物需求，覆盖更广的用户群体，助您开启国际市场，快速抢占商机，实现业务全球化。',
            case: [
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
            ],
            service: [
              { title: '多货币支持', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgnvDlsgYo4678UTAgOCA.png.webp' },
              { title: '跨境结算', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgnvDlsgYo-smodTAeOB4.png.webp' },
              { title: 'PayPal支付', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYomZri2gMwIDgg.png.webp' },
              { title: '跨境多语言', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYomP2EpQQwIDgg.png.webp' },
              { title: '国际物流查询', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYo8rqP6QEwIDgg.png.webp' },
              { title: '市场全球化', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYo_vrTywEwIDgg.png.webp' },
            ],
            cover: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg0d7bowYorJidTDDgATicAQ.png.webp',
            news: [
              { title: '全球购物新潮流：海外商城跨境电商源码' },
              { title: '跨境商城网站建设' },
              { title: '什么是跨境电商商城？跨境商城开发有什么功能？' },
              { title: '跨境电商新选择：JAVA国际商城系统' },
            ]
          },{
            title: '跨境电商解决方案',
            desc: 'Mall4j跨境电商解决方案提供跨境PayPal支付、多语言国际化等一体化服务。通过PayPal支付的便捷服务，赢得用户信赖，吸引更多客户；多语言国际化满足不同语言环境下的购物需求，覆盖更广的用户群体，助您开启国际市场，快速抢占商机，实现业务全球化。',
            case: [
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
              { img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg-vXkrwYoqsGFiAcw4AE4UA.jpg.webp'},
            ],
            service: [
              { title: '多货币支持', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgnvDlsgYo4678UTAgOCA.png.webp' },
              { title: '跨境结算', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgnvDlsgYo-smodTAeOB4.png.webp' },
              { title: 'PayPal支付', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYomZri2gMwIDgg.png.webp' },
              { title: '跨境多语言', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYomP2EpQQwIDgg.png.webp' },
              { title: '国际物流查询', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYo8rqP6QEwIDgg.png.webp' },
              { title: '市场全球化', icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAghvXkrwYo_vrTywEwIDgg.png.webp' },
            ],
            cover: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg74X4lwYo9LXG0QMw4AE4nAE.png.webp',
            news: [
              { title: '全球购物新潮流：海外商城跨境电商源码' },
              { title: '跨境商城网站建设' },
              { title: '什么是跨境电商商城？跨境商城开发有什么功能？' },
              { title: '跨境电商新选择：JAVA国际商城系统' },
            ]
          }
        ]

      ol.home-scheme-tab__content
        each item, index in pane
          li.home-scheme-container(class=`${index === 0 ? 'active': ''}`)
            .home-scheme-pane
              .home-scheme-pane__inner.flex-1
                h2.home-scheme-pane__title #{item.title}
                p.home-scheme-pane__desc #{item.desc}

                ol.flex.justify-between.mt-10
                  each service in item.service
                    li.flex.flex-col.items-center.justify-center.gap-y-4
                      img.w-8.aspect-square(src=`${service.icon}`)
                      p #{service.title}
                hr.mt-14

                .flex.gap-x-4.mt-8
                  button.qr-button.qr-button--xl.qr-button--primary 联系客服
                  button.qr-button.qr-button--xl 查看详情

              .home-scheme-pane__news
                img(src=`${item.cover}`)
                .flex.items-center.mt-5
                  h2(class="text-lg") 相关文章
                  .flex-1
                  a.text-primary(href="/") 查看更多 &gt;
                ol.space-y-4.text-neutral-500.mt-4
                  each news in item.news
                    li.line-clamp-1
                      a(href="/" class="hover:text-primary" title=`${news.title}`) #{news.title}

            .home-scheme-pane-side
              div.text-center
                h2 成功案例
                img.inline-block.mt-2(src="https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg1sj3lwYou5TiwwIwHDgc.png.webp")
              ol.space-y-3.mt-4
                each example in item.case
                  li
                    img(src=`${example.img}` class="w-60")

  section.qr-stripe-container.qr-stripe-container--offset
    .home-service
      h1.home-service__title Mall4j，产品核心优势
      p.home-service__desc Mall4j拥有完整的产业生态链，是一个轻量级、易维护且应用行业广泛的电商生态系统，让电商变得更简单容易

    -
      const advantage = [
        {
          icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgx9P7lwYooPC_-AEwMjgy.png.webp',
          title: '技术优势',
          desc: '采用Java编程，后台框架Spring boot、Spring Cloud；PC端框架vue，移动端uniapp，APP、小程序、H5一体化开发，易维护、成本低'
        },
        {
          icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgx9P7lwYoqb2YgAUwMjgy.png.webp',
          title: '服务优势',
          desc: '专业的项目管理团队，实践经验丰富，服务体系完善多年电商项目经验。技术团队成熟，产品质量保证项目交付准时，售后服务完善'
        },
        {
          icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgx9P7lwYoqazn1gcwPjg6.png.webp',
          title: '产品优势',
          desc: '全源码交付，无加密，无隐藏，客户私有服务器部署1对1专属售后服务，帮助客户部署系统，标准化产品，部署完即可正常使用和运营'
        },
        {
          icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgyNP7lwYooMTumwIwMjgy.png.webp',
          title: '应用优势',
          desc: '根据不同场景需求，为综合领域和垂直行业提供社交电商、跨境电商、供应链、新零售等多元化电商服务和解决方案，帮助企业快速转型'
        }
      ]

    .qr-container.mt-10
      .home-advantage-container
        .home-advantage-card
          h2.home-advantage-card__title 系统稳定，性能优越
          p.home-advantage-card__desc 采用行业前沿开发技术，前后端分离，负载均衡、支持集群部署，耦合性低，可追溯性强
          ol.text-left.mt-12
            li.home-advantage-card__item 二次开发效率高
            li.home-advantage-card__item 系统稳定、安全
            li.home-advantage-card__item 高性能、体验佳
            li.home-advantage-card__item 易维护、成本低

        ol.grid.grid-cols-2.gap-6.flex-1
          each item in advantage
            li
              .home-advantage-item
                .flex.flex-col.justify-center.items-center
                  img(src=`${item.icon}`)
                  h3.font-bold #{item.title}
                p.leading-8.text-neutral-500 #{item.desc}

  section.qr-stripe-container.qr-stripe-container--offset.home-used-container
    .home-service
      h1.home-service__title 1000+品牌客户，都在使用Mall4j
      p.home-service__desc Mall4j服务客户已超过1000家，安全稳定的系统，得到越来越多客户的支持

    -
      const used = [
        {
          label: '服务企业',
          value: '1000+'
        },
        {
          label: '行业经验',
          value: '10+'
        },
        {
          label: 'Gitee点赞数',
          value: '15000+'
        },
        {
          label: '协助高级定制',
          value: '100+'
        },
        {
          label: '覆盖开发者',
          value: '100w+'
        }
      ]

    .qr-container.mt-16
      ol.flex.justify-between
        each item in used
          li.flex.flex-col.gap-y-4.items-center
            span.text-primary.text-3xl.font-bold #{item.value}
            label.text-md #{item.label}

    .text-center.mt-20
      button.qr-button.qr-button--primary.qr-button--2xl 咨询客服体验

  section.qr-stripe-container.qr-stripe-container--offset
    .home-service
      h1.home-service__title 产品动态
      p.home-service__desc 洞悉前沿技术趋势，用心沉淀产品，以当下发展趋势为推手来实现产品持续性的更新迭代

    -
      const milepost = [
        {
          date: '2019',
          title: 'Mall4j开源版+商业版诞生',
          desc: '构建100%知识产权的Mall4j商城体系，重磅推出Mall4j开源版和B2C、B2B2C商业版，为客户提供卓越可靠的产品与服务，打造稳固的商城基础框架，助力客户全面提升商业效率。'
        },
        {
          date: '2020',
          title: '全终端打通+自提/配送',
          desc: 'Mall4j商城实现全终端打通，引入全新的到店自提和同城配送两种高效配送模式，贴合多种实际业务场景，全面满足C端用户在多场景多终端环境下的消费购物需求。'
        },
        {
          date: '2021',
          title: '分布式微服务架构诞生',
          desc: 'Mall4j商城系统迎来全面升级，正式推出分布式微服务架构商业版及开源版——Mall4j白洞版，为大规模企业应用奠定了坚实的框架基础，提供更高效、更可靠的服务。'
        },
        {
          date: '2022',
          title: 'S2B2C供应链系统+分库分表',
          desc: 'Mall4j白洞版升级为S2B2C业务模式，实现供货与销售的紧密一体化，为供应商和零售商强势赋能，通过对订单的分库分表处理，提升数据容量承载能力，有效减轻数据查询压力。'
        },
        {
          date: '2023',
          title: 'SaaS多租户版本+技术全面升级',
          desc: 'SaaS多租户供应链商城，助力不同企业租户一站式搭建专属私有化线上商城。采用前沿技术，全面升级开源版和商业版本为SpringBoot 3与Vue3，为用户提供更卓越的体验和性能。'
        },
        {
          date: null,
          title: '未来',
          desc: '持续更新优化'
        }
      ]

    .qr-container.mt-20
      .home-product-milepost
        img.home-product-milepost__bg(src="https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg3_WorQYorNX1owQwnAg4-QM.jpg.webp")
        img.home-product-milepost__line(src="https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgnMGMpwYorp2XYjCYCTisAg.png.webp")
        each item in milepost
          .home-product-milepost__item
            if item.date
              .text-center.font-bold.text-primary
                i.not-italic #{item.date}
            .home-product-milepost__badge
            h3.text-base.text-center #{item.title}
            p.text-sm.text-neutral-500 #{item.desc}

  section.qr-stripe-container.qr-stripe-container--offset
    .home-service
      h1.home-service__title 系统安全方案
      p.home-service__desc 通过加强系统的整体安全措施，我们能有效地降低潜在的安全风险，确保系统在面对各种网络攻击和数据泄露威胁时能够保持坚固的防线

    -
      const plans = [
        {
          title: '技术安全措施',
          icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgs7nCsQYo3OXo5AUwhQU4_Ac.png.webp',
          items: [
            {
              title: '属主检查',
              icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgrLPCsQYo1vfYugYwIjgi.png.webp',
              desc: '实施属主检查机制，确保数据操作不跨越不同会员、店铺或门店，防止未授权访问或数据篡改。'
            },
            {
              title: '用户行为验证码',
              icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgn7TCsQYowrycSDAiOCI.png.webp',
              desc: '通过捕捉用户的滑动行为来完成验证，此方法较传统图形验证码更难被自动化工具识别，提高安全性。'
            },
            {
              title: '密码复杂度 + 密码验证次数限制',
              icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgqbbCsQYotpePuwUwIjgi.png.webp',
              desc: '设计复杂的密码规则并限制验证尝试的次数，多次错误尝试后自动封禁IP地址，防止暴力破解。'
            },
            {
              title: '客户端 + 服务端密码双重加密',
              icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgrbrCsQYo1PW9wgUwIjgi.png.webp',
              desc: '采用客户端和服务端的双重密码加密策略，客户端利用时间混淆数据传输，有效防止中间人攻击。服务端则通过多种算法随机计算并存储结果于数据库中，增强安全性。'
            },
            {
              title: '数据安全准确可靠',
              icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgrbrCsQYospuC7AcwIjgi.png.webp',
              desc: '系统仅通过token验证登录用户的身份，对于订单金额也仅通过订单号获取订单数据，并校验用户id。对于其他的数据亦是如此，尽可能的做到一切数据的可靠。 '
            },
            {
              title: '权限验证',
              icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgrrrCsQYo_PGH_AQwIjgi.png.webp',
              desc: '每个服务方法都经过严格的服务器端权限验证，权限控制精细到每个按钮，确保用户和角色只能访问他们被授权的数据和功能。这样的设计有效地保护了数据安全，防止了未授权的数据访问。'
            },
          ]
        },
        {
          title: '持续安全保障',
          icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAgyMHCsQYogN6UoQUwhQU4_Ac.png.webp',
          items: [
            {
              title: '可靠的网络传输',
              icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg3sTCsQYotpLNMzAiOCI.png.webp',
              desc: '全面采用HTTPS协议，通过传输加密和身份验证保障数据安全'
            },
            {
              title: 'SaToken + SpringSecurityWeb 双重保驾护航',
              icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg38TCsQYoyMGN0gQwIjgi.png.webp',
              desc: '结合SaToken管理token和SpringSecurity的HttpFirewall拒绝非标准HTTP请求，确保网络通信安全。'
            },
            {
              title: '防止SQL注入&防止XSS攻击',
              icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg38TCsQYosO64iQcwIjgi.png.webp',
              desc: '采用预编译语句和参数化查询，前端输出位置进行脚本过滤，对富文本显示进行特殊处理，防止SQL注入和XSS攻击。'
            },
            {
              title: 'CVE漏洞纰漏',
              icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg38TCsQYo7un69wMwIjgi.png.webp',
              desc: '正如我们所强调的，我们致力于保持技术领先。我们主动关注并接收全球的通用漏洞披露信息。一旦依赖组件出现漏洞，我们能够迅速进行升级处理，确保客户不会因漏洞而承担风险。'
            },
            {
              title: '技术前沿',
              icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg38TCsQYo0t7q0AMwIjgi.png.webp',
              desc: '我们始终确保技术处于行业前沿，同时保持稳定性。例如，在Vue和SpringBoot已经废弃2.x版本的情况下，我们已迁移到了3.x版本。这意味着当2.x版本出现安全漏洞时，我们的客户不会面临无法自行升级的风险。'
            },
            {
              title: '来自各行各业的漏洞检测',
              icon: 'https://19838323.s21i.faiusr.com/4/4/ABUIABAEGAAg38TCsQYoyKmUgwcwIjgi.png.webp',
              desc: '我们的代码被广泛应用于多个行业，许多使用我们代码的公司都会进行定期的漏洞扫描。这不仅证明了我们软件的安全性，也使我们能够根据行业反馈持续优化和加固我们的系统。如果客户发现任何潜在漏洞，我们也会根据漏洞的具体描述迅速响应并进行必要的修复。'
            }
          ]
        }
      ]

    .qr-container.mt-10
      ol.flex
        each plan in plans
          li.flex.flex-1
            div(style=`background-image: url(${plan.icon})` class="home-plan-card")
              h2.home-plan-card__title #{plan.title}
              ul.space-y-8.mt-10
                each item in plan.items
                  li
                    .home-plan-card__item
                      img(src=`${item.icon}` class="w-8 aspect-square")
                      div
                        h4.leading-7.text-base #{item.title}
                        p.leading-7.text-neutral-500.text-sm #{item.desc}

  section.qr-stripe-container.qr-stripe-container--offset
    .home-service
      h1.home-service__title Mall4j，客户合作案例
      p.home-service__desc 更完善的系统功能，更深刻的业务洞察，全球各个行业巨头的选择，只展示注册资本超10亿的部分客户

    -
      const partner = [
        {
          img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAgi6SNowYo1JXvsQcw4AE4UA.jpg.webp'
        },
        {
          img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAgi6SNowYogoqiywQw4AE4UA.jpg.webp'
        },
        {
          img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAgi6SNowYopYSMtQYw4AE4UA.jpg.webp'
        },
        {
          img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAgi6SNowYoyLrVpAIw4AE4UA.jpg.webp'
        },
        {
          img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAgi6SNowYopLuUDzDgAThQ.jpg.webp'
        },
        {
          img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAgi6SNowYooN6j2AUw4AE4UA.jpg.webp'
        },
        {
          img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAgi6SNowYo5sjx2AUw4AE4UA.jpg.webp'
        },
        {
          img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg8IuSowYo5b6-swUw4AE4UA.jpg.webp'
        },
        {
          img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAgi6SNowYo4ueolwYw4AE4UA.jpg.webp'
        },
        {
          img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAgi6SNowYo6byU2gQw4AE4UA.jpg.webp'
        },
        {
          img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAgi6SNowYo2a2G1Qcw4AE4UA.jpg.webp'
        },
        {
          img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg8-mWowYon--_zwEw4AE4UA.jpg.webp'
        },
        {
          img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg6_qRowYo3I3dyQUw4AE4UA.jpg.webp'
        },
        {
          img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAgi6SNowYokIPpnQQw4AE4UA.jpg.webp'
        },
        {
          img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAgi6SNowYo_qPdpgYw4AE4UA.jpg.webp'
        },
        {
          img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAgi6SNowYo4LinwwMw4AE4UA.jpg.webp'
        },
        {
          img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAgi6SNowYomN6T6QQw4AE4UA.jpg.webp'
        },
        {
          img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAg6_qRowYokaLXrwIw4AE4UA.jpg.webp'
        },
        {
          img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAgi6SNowYouLKD2QMw4AE4UA.jpg.webp'
        },
        {
          img: 'https://19838323.s21i.faiusr.com/2/4/ABUIABACGAAgmcWgpAYoxqGUjAUw4AE4UA.jpg.webp'
        },
      ]

    .qr-container.mt-10
      ol.grid.grid-cols-5
        each item in partner
          li.flex.justify-center
            img(src=`${item.img}`)

      .text-center.mt-16
        +qr-button(type="primary" size="xl" text="查看更多案例")

  section.qr-stripe-container
    .home-slogan
      p.text-4xl.text-white Mall4j，让电商变简单
